<html>

<head>
    <title>Index</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="./js/csrf.js"></script>
    <link rel="stylesheet" href="./css/login.css" />
    <link rel="stylesheet" href="./css/forgetPassword.css"/>
</head>

<body>
    <div class="index-header">
        <div class="index-header-inner">
            <div class="container">
                <span class="icon">SHAKESPEARE</span>
                <ul class="nav-link-group">
                    <li>
                        <a href="#">PROJECT
                            <br>学习项目</a>
                    </li>
                    <li>
                        <a href="#">GUIDE
                            <br>医院导览</a>
                    </li>
                    <li>
                        <a href="#">TEST
                            <br>在线测试</a>
                    </li>
                    <li>
                        <a href="#">CONTACT
                            <br>联系我们</a>
                    </li>
                </ul>
                <div class="login-block">
                    <a href="#">登录</a>
                </div>

                <div class="pic2">
                    <div class="circle">
                        <img class="img-1" src="img/zhuazhua.png" />
                    </div>
                </div>

                <div class="p-header-picture">
                    <p style="color:#F5F5F5">SHAKESPEAR
                        <br>宠物医院</p>
                </div>
                <div class="p-header">
                    <p style="color:#F5F5F5">宠物医院职业学习平台
                        <br>宠物常见疾病职诊疗、评测、职能一站式学习</p>
                </div>
            </div>
        </div>
    </div>

    <div class="login-left">
        <div class="pic1">
            <img src="img/zhuazhua.png" />
        </div>
        <div class="p1_header">
            <p>SHAKESPEAR
                <br>宠物医院</p>
        </div>

        <div class="p2_header">
            <p>Forget password?
                <br>Please reset the password！</p>
        </div>
        <form action="#" name="f" method="post" id="login">
            <div class="input_outer">
                <span class="u_user"></span>
                <input name="logname" class="text" style="color: rgb(0, 0, 0, 0.6);" type="text" placeholder="请输入账户" v-model="email">
            </div>

            <div class="input_outer">
              <span class="u_email"></span>
              <input name = "logemail" class="text" style="color: rgb(0, 0, 0, 0.6); position:absolute; z-index:100;" value="" type="password"
                    placeholder="请输入邮箱验证码" v-model="">
            </div>


            <div class="input_outer">
                <span class="us_uer"></span>
                <input name="logpass" class="text" style="color: rgb(0, 0, 0, 0.6); position:absolute; z-index:100;" value="" type="password"
                    placeholder="请输入新的密码" v-model="">
            </div>

            <div class = "big_button">
                    <div class="mb2">
                      <a class="act-but1 submit1" href="javascript:;" style="color:#B5B5B5">重设密码</a>
                    </div>
            </div>


        </form>
    </div>


    <div class="login-right">
        <div class="p-header">
            <p>给伴侣动物一份
                <br>生命的信赖和尊重</p>
            The needs of the patient come first
        </div>
        <div class="p-body">
            <p style="color: #919191">
                SHAKESPEARE宠物医院追求"The needs of the patient come first"(病人的需求第一)的价值观，倾力追求为伴侣动物 创造一个“幽静的环境+人性光辉+良好沟通”的医疗和康复环境，并在此基础上建构顺应性。我们相信这是一种超越认可度，满意度
                和忠诚度的追求，在宠颐生的诊疗机构里，重要的不是服务者承诺了什么，而是被服务者感知到了什么。您的宝贝和您的每一点滴 席位感受，我们都努力照料，给您带来健康的同时让您喝宝贝感知到幸福与愉悦。
            </p>
        </div>
    </div>
  </body>
 </html>